<!--- <script type="text/javascript">
	$(function() {
		//get("oap", authUser.oapId, "detail", "inline");		
	});
</script> --->

<div class="row">
	<div class="banner prepare-banner">
		<div class="banner-text">
			<span class="banner-header">Promote Workshops</span><br />
			<span class="banner-subheader">Chart out how you are going to reach lower income and first gen students</span>
		</div>
	</div>
</div>
<div class="row body-row">
	<div class="span3">
		<ul class="nav nav-tabs nav-stacked sidenav">
			<li><a href="#best-practices">Best Practices</a></li>
			<li><a href="#oap">Outreach Action Plan</a></li>
			<li><a href="#materials">Promotional Materials</a></li>
			<li><a href="#whats-next">What&rsquo;s Next</a></li>
		</ul>
	</div>
	<div class="span9 content">
	
		<section id="best-practices">
			<h3>Best Practices</h3>
			<p>Research shows that people need to hear a message many times in many different ways to achieve the best promotional results. Begin your outreach efforts at least a month before the event and include reminders up to the day of the event. You've put a lot of work into providing a quality FAFSA and Dream Act Application completion workshop, so make sure as many students as possible can benefit.</p>
		</section>
		
		<section id="oap">
			<h3>Outreach Action Plan</h3>
			
			<!--- <cfif request.authUser.roles eq "Organizer">
				<p><a class="btn btn-success" onclick="get('oap', authUser.oapId, 'edit', 'modal')">Change Outreach Action Plan</a></p>
			</cfif> --->
			
			<p>As part of the registration process you completed an Outreach Action Plan.  In that plan you agreed to do the following:</p>
			
			<!--- <div id="oapDetailInline"></div> --->
			
			<!--- <table border="1" cellpadding="6" width="100%">
				<thead>
					<tr>
						<td><strong>Item</strong></td>
						<td><strong>Quantity</strong></td>
					</tr>
				</thead>
				<tbody>
					<cfloop query="orderValues">
						<cfset itemQty = 0>
						<cfset itemIndex = ListFind(order.getOrder_Value_IDs(), Order_Value_ID)>
						<cfif itemIndex gt 0>
							<cfset itemQty = ListGetAt(order.getQuantities(), itemIndex)>
						</cfif>
						<tr>
							<td>#Description#</td>
							<td>#itemQty#</td>
						</tr>
					</cfloop>	
				</tbody>				
			</table> --->
			
			<cfscript>
				oapGateway = new assets.calgrants.com.gateway.OAPGateway();
				oap = oapGateway.get(OAP_ID = request.authUser.oapID);
				oapValueGateway = new assets.calgrants.com.gateway.OAPValueGateway();
				oapValues = oapValueGateway.query(oapValueIDs = oap.getOAP_Value_IDs());
			</cfscript>
			
			<cfoutput query="oapValues" group="Category">
				<h4>#Category#</h4>
				<div class="well">
					<cfoutput group="Subcategory">
						<cfif Len(Trim(Subcategory)) gt 0><p><u>#Subcategory#</u></p></cfif>
							<cfoutput>
								<ul style="list-style-type: disc">
									<cfset itemIndex = ListFind(oap.getOAP_Value_IDs(), OAP_Value_ID)>
									<cfif itemIndex gt 0>
										<li style="margin-top: 5px;">#Description#</li>
									</cfif>
								</ul>
							</cfoutput>
					</cfoutput>
					<cfif Category eq "Campus Outreach Activities" AND Len(Trim(oap.getCampus_Other())) gt 0>
						<p><u>Other Campus Outreach</u></p>
						<ul style="list-style-type: disc">
							<li style="margin-top: 5px;">#oap.getCampus_Other()#</li>
						</ul>
					<cfelseif Category eq "Outreach to Parents" AND Len(Trim(oap.getParent_Other())) gt 0>
						<p><u>Other Parent Outreach</u></p>
						<ul style="list-style-type: disc">
							<li style="margin-top: 5px;">#oap.getParent_Other()#</li>
						</ul>
					<cfelseif Category eq "Outreach to Community Partners" AND Len(Trim(oap.getCommunity_Partner_Other())) gt 0>
						<p><u>Other Community Partner Outreach</u></p>
						<ul style="list-style-type: disc">
							<li style="margin-top: 5px;">#oap.getCommunity_Partner_Other()#</li>
						</ul>
					</cfif>
				</div>
			</cfoutput>

			<!--- <cfoutput query="oapValues" group="Category">
				<h4>#Category#</h4>
				<cfoutput group="Subcategory">
					<cfif Len(Trim(Subcategory)) gt 0><h5>#Subcategory#</h5></cfif>
					<cfoutput>
						<ul style="list-style: none;">
						<cfset itemIndex = ListFind(oap.getOAP_Value_IDs(), OAP_Value_ID)>
						<cfif itemIndex gt 0>
							<li style="margin-bottom: 5px; line-height: 22px;"><i class="icon-ok"></i> #Description#</li>
						</cfif>
						</ul>
					</cfoutput>
				</cfoutput>
			</cfoutput> --->
			
		</section>
		
		<section id="materials">
			<h3>Promotional Materials</h3>
			
			<h4>Create Your Own Flyer</h4>
			
			<table class="table table-striped">
				<tbody>
				<tr>
					<td>
						<a href="common/files/promotional/FREE_Cash_for_College_header.jpg" target="_blank"><img src="common/files/promotional/FREE_Cash_for_College_header_180.png" class="img-polaroid" /></a>
					</td>
					<td>
						<a href="common/files/promotional/FREE_Cash_for_College_header.jpg" target="_blank">Free Cash for College header</a> (.jpg 326kb)
					</td>
				</tr>
				<!--- <tr>
					<td>
						<a href="common/files/promotional/Scholarship_message.jpg" target="_blank"><img src="common/files/promotional/Scholarship_message_180.png" class="img-polaroid" /></a>
					</td>
					<td>
						<a href="common/files/promotional/Scholarship_message.jpg" target="_blank">Scholarship message</a> (.jpg 428kb)
					</td>
				</tr> --->
				<tr>
					<td>
						<a href="common/files/promotional/Ticket.jpg" target="_blank"><img src="common/files/promotional/Ticket_180.png" class="img-polaroid" /></a>
					</td>
					<td>	
						<a href="common/files/promotional/Ticket.jpg" target="_blank">Ticket graphic</a> (.jpg 601kb)
					</td>
				</tr>
				<tr>
					<td>
						<a href="common/files/promotional/Equation_Bar_English.jpg" target="_blank"><img src="common/files/promotional/Equation_Bar_English_180.png" class="img-polaroid" /></a>
					</td>
					<td>	
						<a href="common/files/promotional/Equation_Bar_English.jpg" target="_blank">Equation bar - English</a> (.jpg 141kb)
					</td>
				</tr>
				<tr>
					<td>
						<a href="common/files/promotional/Equation_Bar_Spanish.jpg" target="_blank"><img src="common/files/promotional/Equation_Bar_Spanish_180.png" class="img-polaroid" /></a>
					</td>
					<td>	
						<a href="common/files/promotional/Equation_Bar_Spanish.jpg" target="_blank">Equation bar - Spanish</a> (.jpg 144kb)
					</td>
				</tr>
				<!--- <tr>
					<td>
						<a href="common/files/promotional/Cal_Grant_Pell_Grant_Equation_Bar_English.jpg" target="_blank"><img src="common/files/promotional/Cal_Grant_Pell_Grant_Equation_Bar_English_180.png" class="img-polaroid" /></a>
					</td>
					<td>	
						<a href="common/files/promotional/Cal_Grant_Pell_Grant_Equation_Bar_English.jpg" target="_blank">Cal Grant + Pell Grant equation bar - English</a>
						(.jpg 49kb)
					</td>
				</tr>
				<tr>
					<td>
						<a href="common/files/promotional/Cal_Grant_Pell_Grant_Equation_Bar_Spanish.jpg" target="_blank"><img src="common/files/promotional/Cal_Grant_Pell_Grant_Equation_Bar_Spanish_180.png" class="img-polaroid" /></a>
					</td>
					<td>	
						<a href="common/files/promotional/Cal_Grant_Pell_Grant_Equation_Bar_Spanish.jpg" target="_blank">Cal Grant + Pell Grant equation bar - Spanish</a> (.jpg 92kb)
					</td>
				</tr> --->
				<tr>
					<td>
						<a href="common/files/promotional/Facebook_Ticket_English.jpg" target="_blank"><img src="common/files/promotional/Facebook_Ticket_English_180.png" class="img-polaroid" /></a>
					</td>
					<td>	
						<a href="common/files/promotional/Facebook_Ticket_English.jpg" target="_blank">Facebook ticket - English</a> (.jpg 98kb)
					</td>
				</tr>
				<tr>
					<td>
						<a href="common/files/promotional/Facebook_Ticket_Spanish.jpg" target="_blank"><img src="common/files/promotional/Facebook_Ticket_Spanish_180.png" class="img-polaroid" /></a>
					</td>
					<td>	
						<a href="common/files/promotional/Facebook_Ticket_Spanish.jpg" target="_blank">Facebook ticket - Spanish</a> (.jpg 99kb)
					</td>
				</tr>				
				<!--- <tr>
					<td>
						<a href="common/files/promotional/Logo_bar.jpg" target="_blank"><img src="common/files/promotional/Logo_bar_180.png" class="img-polaroid" /></a>
					</td>
					<td>					
						<a href="common/files/promotional/Logo_bar.jpg" target="_blank">Logo bar</a> (.jpg 160kb)
					</td>
				</tr> --->
				</tbody>
			</table>
			
		</section>
		
		<section id="whats-next">
			<h3>What&rsquo;s Next</h3>
			<h4>Training</h4>
			<p>Access training and demonstration resources to help you train your workshop volunteers for a high quality  event.</p>
			<p><a href="?view=training" class="btn btn-success">Do It Now</a></p>
		</section>
		
	</div>
</div>
